#case-wrap #case-panel{margin: 30px 0 40px 0;position: relative;}
#case-wrap #case-panel>h2{font-size: 22px;font-weight: 700;color: #f25022;padding-bottom: 23px;}
#case-wrap #case-panel>.panel{position: absolute;top: 0;right: 0;}

#case-wrap #case-intro{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
#case-wrap #case-intro>ul{margin: 20px 8px 10px 8px;}
#case-wrap #case-intro>ul>li{float: left;}
#case-wrap #case-intro>ul>li>span,#case-wrap #case-intro>ul>li>p{display: block;color:#666;font-size: 16px;}
#case-wrap #case-intro>ul>li>p{color:#333;line-height: 2em;}

#case-wrap #case-main{min-height:600px;}
#case-info{margin-top: -10px;}
#case-info .title>h3{line-height: 2em;}
#case-info>.reviews>p{font-size: 16px;padding: 0 0 0 10px;}
#case-info>.reviews>.customer{text-align: right;font-size: 14px;}




.focusBox { position: relative; width:100%; overflow: hidden;box-sizing: border-box;margin:10px 0;}
.focusBox .pic{position:relative; z-index:0;}
.focusBox .pic img { width:100%;  display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(/statics/images/t/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
	display:inline-block; *display:inline; zoom:1;  _background: url(/statics/images/t/dot8.png) no-repeat 0 -16px;	}
.focusBox .hd .on{ background-position:0 0; }
.focusBox .prev,.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none;
	background: url(/statics/images/t/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;}
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }


#case-software>.list>li>div>a{transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.case-title{}
.case-title h3{line-height: 2em;font-size: 24px;}
#case-software>.list{margin:0 -5px;}
#case-software>.list>li{margin-bottom: 10px;}
#case-software>.list>li>div{display: block;margin: 0 5px;}
#case-software>.list>li>div>a{width: 100%;position: relative;padding-left: 40px;font-size: 24px;background-color: rgb(100, 100, 100);color:#f0f0f0;}
#case-software>.list>li>div>a:hover,#case-software>.list>li>div>a:focus{color:#fff;background-color: rgb(28, 184, 65);}
#case-software>.list>li>div>a>p{margin:0;padding:0;font-size: 0.8em;}
#case-software>.list>li>div>a>span{font-size: 0.5em;}
#case-software>.list>li>div>a>i{position: absolute;top: 50%;left: 20px;height: 50%;font-size: 30px;margin-top: -18px;}




.nano { background: #f9f9f9; width: 100%; height: 150px; }
.nano > .nano-content { padding: 8px; }
.nano > .nano-pane   { background: #888; opacity: 0.5;width: 8px;}
.nano > .nano-pane > .nano-slider { background: #111; }